<template>
	<view class="container">
		<view class="content">
			<view class="header">
				<image src="../../static/toubu.png" mode="aspectFill"></image>
				<view class="photo">
					<image :src="infoList.imageUrl" mode="aspectFill"></image>
				</view>
				<view class="text">
					<p>{{list}}</p>
				</view>
			</view>
			<view class="top">
				<view class="img">
					<image src="../../static/kaoji.jpg" mode=""></image>
				</view>
				<view class="bottom">
					<view>
						<p class="title">学员编号</p>
						<p class="cont1">{{infoList.phone=='' || infoList.phone==null?'------':infoList.phone}}</p>
					</view>
					<view>
						<p class="title">性别</p>
						<p class="cont1">{{infoList.sex=='' || infoList.sex==null?'------':infoList.sex}}</p>
					</view>
				</view>
				<view class="bottom">
					<view>
						<p class="title">辅导教师</p>
						<p class="cont1">{{infoList.leaderTeacher=='' || infoList.leaderTeacher==null?'------':infoList.leaderTeacher}}</p>
					</view>
					<view>
						<p class="title">所在地</p>
						<p class="cont1">{{infoList.address=='' || infoList.address==null?'------':infoList.address}}</p>
					</view>
				</view>
				<view class="bottom">
					<view>
						<p class="title">学校</p>
						<p class="cont1">{{infoList.school=='' || infoList.school==null?'------':infoList.school}}</p>
					</view>
					<view>
						<p class="title">年级</p>
						<p class="cont1">{{infoList.grade=='' || infoList.grade==null?'------':infoList.grade}}</p>
					</view>
				</view>
			</view>
			<view>
				<h3>获奖信息</h3>
			</view>
			<view class="list" v-for="item in leaveList" :key="item.userId">
				<view class="t">
					<view class="ico">
						<image style="height: 85%;" src="../../static/dengji.jpg" mode=""></image>
					</view>
						<h2 class="t-top" style="font-size: 18px;font-weight: 900;">{{item.gardLeave=='' || item.gardLeave==null?'------':item.gardLeave}}级</h2>
				</view>
				<view class="b">
					<p>监考老师：{{item.invigilator=='' || item.invigilator==null?'------':item.invigilator}}  评审老师：{{item.judgeThacher==''?'------':item.judgeThacher}}</p>
					<p>辅导老师：{{item.tutor=='' || item.tutor==null?'------':item.tutor}}</p>
					<p>考试时间：{{(item.examTime=='' || item.examTime==null?'------':item.examTime) | dateFormat}}第四期</p>
					<p>考试评定：晋级</p>
				</view>
			</view>
		</view>
	</view>
	
</template>

<script>
	import {leave,mysignNumber} from '../../apis'
	export default{
		data() {
			return{
				infoList:{},
				leaveList:[],
				list:''
			}
		},
		onLoad(option) {
			// console.log(JSON.parse(option.persionalInfo))
			this.infoList = JSON.parse(decodeURIComponent(option.persionalInfo))
			leave().then((res)=>{
				let [err,data] = res
				console.log(data.data.data)
				this.leaveList = data.data.data
			})
			//查询我的等级考试次数
			mysignNumber().then(res=>{
				let [err,data] = res
				this.list = data.data.data
			})
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		h3{
			height: 20px;
			height: 30px;
			line-height: 30px;
			font-size: 14px;
			color: #555;
			font-weight: 900;
			padding-left: 10px;
			background-color: #D2F1F0;
			
		}
		.header{
			margin-top: 5px;
			height: 30px;
			width: 100%;
			position: relative;
			.photo{
				width: 19%;
				height: 70px;
				border-radius: 50%;
				position: absolute;
				top: 5px;
				left: 15px;
				overflow: hidden;
				border: 2px solid #c8c6c6;
				background-color: #fff;
			}
			.text{
				width: 70%;
				position: absolute;
				top: 40px;
				left: 100px;
				p{
					font-size: 12px;
					color: #5f5e5e\
					
				}
			}
		}
		.top{
			margin-top: 70px;
			padding-bottom: 10px;
			.img{
				width: 75%;
				height: 180px;
				border-radius: 5%;
				margin: 0 auto;
				box-shadow: 1px 1px 1px #C0C0C0;
				overflow: hidden;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.bottom{
				width: 70%;
				margin: 0 auto;
				display: flex;
				padding-left: 80px;
				margin-top: 10px;
				line-height: 15px;
				.title{
					font-size: 12px;
					color: #ccc;
				}
				.cont1{
					font-size: 14px;
					color: #333;
					
				}
				view{
					flex: 2;
				}
			}
			
		}
		.list{
			width: 100%;
			border-bottom: 2px solid #C0C0C0;
			padding-bottom: 5px;
			padding-top: 10px;
			margin-bottom: 10px;
			.t,
			.b{
				width: 70%;
				margin: 0 auto;
			}
			.t{
				position: relative;
				height: 70px;
				padding-bottom: 5px;
				.ico{
					width: 30%;
					height: 100%;
					position: absolute;
					top: 7px;
					left: 35px;
				}
				h2{
					right: 40%;
				}
			}
			
		}
	}
</style>
